<template>
  <div class="App">
    <router-view/>
  </div>
</template>
<script setup>
import { useRoute } from 'vue-router';
import { watch } from 'vue';
import store from './store';
const route = useRoute()
// 用watch进行监听,监听页面路径变化,当为个人中心时进行添加
watch(route,(to,from)=>{
  // 将个人中心加入到tab页上面
  if(to.name==='个人中心'){
    let obj = {
      name:to.name,
      path:to.path
    }
    store.commit('ADD_TABS',obj)
  }
},
{
  // 深度监听
  deep:true,
  // 立即执行
  immediate:true
})

</script>
<style>
.App{
  width: 100vw;
  height: 100vh;
}
</style>
